<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>预警通知</title>
    <link rel="stylesheet" type="text/css" href="css/weui.min.css?v=1.0" />
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/earlyWarning.css">
</head>

<body>
    <div id="app">
        <div class="flex-col page">
            <div class="flex-col flex-auto group_2 space-y-29">
                <img class="image_5" src="images/listBanner.png" />
                <div class="flex-col list space-y-20">
                    <div class="flex-row justify-between items-center list-item" @click="goHazardReminder">
                        <div class="flex-row">
                            <img class="image_6" src="images/earl_icon1.png" />
                            <div class="flex-col items-start group_3 space-y-10">
                                <span class="font_1">隐患未整改提示</span>
                                <span class="font_2" v-cloak>{{hiddenNum}}条信息</span>
                            </div>
                        </div>
                        <img class="image_7"
                            src="https://codesign-v2-1258344706.cos.ap-guangzhou.myqcloud.com/codefun/16818756033149623825.png" />
                    </div>
                    <div class="flex-row justify-between items-center list-item" @click="goWorkTips">
                        <div class="flex-row">
                            <img class="image_6" src="images/earl_icon2.png" />
                            <div class="flex-col items-start group_3 space-y-10">
                                <span class="font_1">工作提示</span>
                                <span class="font_2" v-cloak>{{workNum}}条信息</span>
                            </div>
                        </div>
                        <img class="image_7"
                            src="https://codesign-v2-1258344706.cos.ap-guangzhou.myqcloud.com/codefun/16818756033304855312.png" />
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部栏 -->
        <div class="ub-footerNav" style="position: fixed;bottom: 0;left: 0;width: 100%;">
            <div role="tablist" aria-label="选项卡标题" class="weui-tabbar">
                <a href="index.html?from=1" id="tab2" role="tab" aria-labelledby="t2_title" aria-selected="false"
                    aria-controls="panel2" class="weui-tabbar__item">
                    <img src="images/navIcon1.png" alt="" class="weui-tabbar__icon">
                    <p aria-hidden="true" id="t2_title" class="weui-tabbar__label">地图查看</p>
                </a>
                <a href="listLook.html" id="tab2" role="tab" aria-labelledby="t2_title" aria-selected="false"
                    aria-controls="panel2" class="weui-tabbar__item">
                    <img src="images/navIcon3.png" alt="" class="weui-tabbar__icon">
                    <p aria-hidden="true" id="t2_title" class="weui-tabbar__label">列表查看</p>
                </a>
                <a href="earlyWarning.html" id="tab1" role="tab" aria-labelledby="t1_title" aria-describedby="t1_tips"
                    aria-selected="true" aria-controls="panel1" class="weui-tabbar__item weui-bar__item_on">
                    <div id="t1_tips" aria-hidden="true" style="display: inline-block; position: relative;">
                        <img src="images/footer-yjtz1.png" alt="" class="weui-tabbar__icon">
                    </div>
                    <p id="t1_title" aria-hidden="true" class="weui-tabbar__label">预警通知</p>
                </a>
                <a href="personalCenter.html" id="tab3" role="tab" aria-labelledby="t3_title" aria-describedby="t3_tips"
                    aria-selected="false" aria-controls="panel3" class="weui-tabbar__item">
                    <div id="t3_tips" aria-hidden="true" style="display: inline-block; position: relative;">
                        <img src="images/navIcon2.png" alt="" class="weui-tabbar__icon">
                    </div>
                    <p id="t3_title" aria-hidden="true" class="weui-tabbar__label">个人中心</p>
                </a>
            </div>
        </div>
    </div>


    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/flv.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/wxPublic.js?v=12.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/g-tConversion.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/t-gConversion.js" type="text/javascript" charset="utf-8"></script>
    <script>
        var vue = new Vue({
            el: '#app',
            data() {
                return {
                    toKen: '',
                    hiddenNum: 0, // 隐患条数
                    workNum: 0, // 工作条数
                }
            },
            created() {
                this.toKen = localStorage.getItem('toKen');
                this.getList()
            },
            methods: {
                //去隐患未整改提示
                goHazardReminder() {
                    location.href = "./hazardReminder.html"
                },
                //去隐患未整改提示
                goWorkTips() {
                    location.href = "./workTips.html"
                },
                getList() {

                }
            },
        })
    </script>
</body>

</html>